<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RT-Theme 10 - Premium Corporate Template</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style_cf.css" />
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/cufon.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
 
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<script type='text/javascript' src='js/dd_belated_png.js'></script>
<script>DD_belatedPNG.fix('.png,.imgarea');</script>
<![endif]-->

</head>
<body>

<!-- header -->
<div id="container">
<div id="header" class="clearfix">
    <!-- logo -->
    <div id="logo"><a href="index.html" title=""><img src="images/logo.png" alt="" class="png" /></a></div>
    <!-- /logo -->

    <!-- header right -->
    <div id="header_right">
	
	<!-- search -->
	<div class="search_bar">
	    <form action="#" method="get">
		<input type="text" class="search_text" name="q" value="search" /><input type="image" src="images/pixel.gif" class="searchsubmit" alt="" />
	    </form>
	</div>
	<!-- / search-->
	
	<!-- header links -->
	<div class="top_links">
	    <ul>
		<li class="first"><a href="index.html" title="">Home</a></li>
		<li><a href="index.html" title="">Career</a></li>
		<li><a href="index.html" title="">Contact Us</a></li>
	    </ul>
	</div>
	<!-- / header links -->

	<div class="clear"></div>

	<!-- header slogan -->
	<div class="top_slogan">
	    <h4>Call Us Free: +01 555 55 55</h4>
	</div>
	<!-- /header slogan -->

    </div>
    <!-- /header right -->
</div>
</div>
<!-- /header -->

<!-- containers -->
<div id="container1">
<div id="container2">
<div id="container3">
    
<!-- Sidebar -->
<div class="sidebar">

    <!-- navigation  -->
    <div class="navigation">
	<ul id="menu">
	    <li><a href="index.html" title="Home">HOME</a></li> 
	    <li><a href="about_us.html" title="About Us">ABOUT US</a></li>
	    <li class="current_page_item"><a href="portfolio.html" title="Portfolio">PORTFOLIO</a>
		<ul>
		    <li class="current_page_item"><a href="#">WEB DESIGN</a></li>
		    <li><a href="#">VIDEOS</a></li>
		    <li><a href="#">PHOTOGHRAPHY</a></li>
		    <li><a href="#">ANIMATIONS</a></li>		
		</ul>
	    </li>
	    <li><a href="products.html" title="Our Products">OUR PRODUCTS</a></li>
	    <li><a href="photo_gallery.html" title="Our Products">PHOTO GALLERY</a></li>    
	    <li><a href="company_blog.html" title="Company Blog">COMPANY BLOG</a></li>
	    <li><a href="contact_us.html" title="Contact Us">CONTACT US</a></li>
	</ul>
    </div>
    <!-- / navigation  -->

    <!-- box latest news-->
    <div class="box side">
	<!-- box title-->
	<h5><a href="">Latest News</a></h5>
	<hr />
	<div class="news">  
	  <!-- news line -->
	  <span class="news_date">03/10/2010</span><br />
	  Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam at dolor.  <a href="#"><img src="images/arrow.png" class="arrow_image" alt="" /></a>
    
	  <hr class="news_line" />	  
	  
	  <!-- news line -->
	  <span class="news_date">03/10/2010</span><br />
	  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  <a href="#"><img src="images/arrow.png"  class="arrow_image" alt="" /></a>
	</div>
    </div>
    <!-- /box latest news -->
		
    <!-- contact box -->	
    <div class="box side">
	<h5>Contact Us</h5>
	<hr />
	<!-- sub link -->
	<ul>
	    <li><b>Adres: </b> Lorem Ipsum Dolor Sit </li>
	    <li><b>Phone: </b> +1 123 123 1233<br /></li>
	    <li><b>Fax: </b> +1 123 123 1233<br /></li>
	    <li><b>E-Mail: </b>  info@companyname.com</li>
	</ul>			
	
	<!-- social media icons -->
	<div class="social_media_icons">
	    <a href="#" title=""><img src="images/social_media/twitter.png" alt="" /></a>
	    <a href="#" title=""><img src="images/social_media/facebook.png" alt="" /></a>
	    <a href="#" title=""><img src="images/social_media/rss.png" alt="" /></a>
	</div>
	<!-- / social media icons -->
    </div>
    <!-- contact box -->
</div>

<!--  content -->	
<div class="content sub">

    <!-- Page navigation-->
	    <div class="breadcrumb"><span><a href="index.html">Home</a> \ Our Portfolio</span></div>
    <!-- /Page navigation-->
    <div class="clear"></div>
    <h2>Our Portfolio</h2>
 
    <div class="portfolio_con">
 		
	    <!-- Start Porfolio Items -->

	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea magnifier"><a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullper purus, ut lacinia nisl malesuada ac. <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->

	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">YouTube Video Sample</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea play"><a href="http://www.youtube.com/watch?v=5BtsQ35VukQ" title="YouTube Video Sample" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus, ut lacinia nisl muada ac. <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->

	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Another Video Sample - Vimeo</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea play"><a href="http://vimeo.com/7809605" title="Vimeo Video Sample" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus  <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->

	    <div class="clear"></div>

	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea magnifier"><a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus, ut lacinia nisl malesuada  <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->
	    


	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea magnifier"><a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus, ut lacinia nisl malesuada  <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->
	    


	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea magnifier"><a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus, ut lacinia nisl malesuada  <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->
	    


	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea magnifier"><a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus, ut lacinia nisl malesuada  <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->
	    


	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea magnifier"><a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus, ut lacinia nisl malesuada  <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->
	    


	    <!-- box -->
	    <div class="box portfolio">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <div class="imgarea magnifier"><a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" ><img src="images/portfolio/1k.jpg" width="192" alt="" class="image portf preload" /></a></div>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus, ut lacinia nisl malesuada  <a href="#" title="" class="arrow_image"><img src="images/arrow.png" alt="read more" /></a>
		    </p>		
	    </div>
	    <!-- /box -->
	    
	    
	    <!-- End Porfolio Items -->				

		

    
    <div class="clear"></div>
   
    <!-- paging-->
    <ul class="paging">
	    <li class="arrowleft"><a href="#">&nbsp;</a></li>
	    <li class="active"><a href="#">1</a></li>
	    <li><a href="#">2</a></li>
	    <li><a href="#">3</a></li>
	    <li><a href="#">4</a></li>
	    <li><a href="#">5</a></li>
	    <li><a href="#">16</a></li>
	    <li class="arrowright"><a href="#">&nbsp;</a></li>
    </ul>
    <!-- / paging-->
    
    </div>   
 
</div>
<!-- content -->
 
<div class="clear"></div>
</div>
</div>                                          
</div>
<!-- /containers -->

<!-- footer -->
<div id="footer">
    <div class="footer_con"> 
	<!-- copyright text -->
	<div class="part1">
	    Copyright &copy; 2009 Company Name, Inc.
	</div>

	<!-- links -->
	<div class="part2">	    
	    <ul>
		<li class="first"><a  href="index.html" title="">Home</a></li>
		<li><a  href="index.html" title="">Legal</a></li>
		<li><a  href="index.html" title="">Privacy</a></li>
		<li><a  href="index.html" title="">Contact</a></li>
	    </ul>
	</div>
   </div>
</div>
<!-- /footer -->

</body>
</html>